<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 7.3.0">

  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.ico">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha256-wiz7ZSCn/btzhjKDQBms9Hx4sSeUYsDrTLg7roPstac=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.28/fancybox/fancybox.css" integrity="sha256-6cQIC71/iBIYXFK+0RHAvwmjwWzkWd+r7v/BX3/vZDc=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/green/pace-theme-minimal.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js" integrity="sha256-gqd7YTjg/BtfqWSwsJOvndl0Bxc8gFImLEkXQT8+qj0=" crossorigin="anonymous"></script>

<script class="next-config" data-name="main" type="application/json">{"hostname":"sumumm.github.io","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.19.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":true,"style":"mac"},"fold":{"enable":true,"height":300},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":true,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":true,"async":true,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>

    <meta name="description" content="本文主要是VS Code简介与安装相关笔记，若笔记中有错误或者不合适的地方，欢迎批评指正😃。">
<meta property="og:type" content="article">
<meta property="og:title" content="LV01-01-VScode简介与安装.md">
<meta property="og:url" content="https://sumumm.github.io/post/2238be1.html">
<meta property="og:site_name" content="苏木">
<meta property="og:description" content="本文主要是VS Code简介与安装相关笔记，若笔记中有错误或者不合适的地方，欢迎批评指正😃。">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617172528672.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173135769.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173233436.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173542186.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173928322.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803153448173.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803153731931.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803154021637.png">
<meta property="article:published_time" content="2023-07-02T06:55:10.000Z">
<meta property="article:modified_time" content="2025-06-13T16:25:57.067Z">
<meta property="article:author" content="苏木">
<meta property="article:tag" content="VScode">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617172528672.png">


<link rel="canonical" href="https://sumumm.github.io/post/2238be1.html">



<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://sumumm.github.io/post/2238be1.html","path":"post/2238be1.html","title":"LV01-01-VScode简介与安装.md"}</script>

<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>LV01-01-VScode简介与安装.md | 苏木</title>
  








    <script src="/js/browser_tools_disable.js"></script>

  <noscript>
    <link rel="stylesheet" href="/css/noscript.css">
  </noscript>
<!-- hexo injector head_end start --><link rel="stylesheet" href="https://unpkg.com/hexo-next-tags-plus@latest/lib/tag_plus.css" media="defer" onload="this.media='all'"><!-- hexo injector head_end end --></head>

<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
  <div class="headband"></div>

  <main class="main">
    <div class="column">
      <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <p class="site-title">苏木</p>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description">我的学习之路</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger" aria-label="搜索" role="button">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>苏木的家</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类页<span class="badge">42</span></a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档页<span class="badge">673</span></a></li><li class="menu-item menu-item-flink"><a href="/flink/" rel="section"><i class="fa fa-link fa-fw"></i>友人帐</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于我</a></li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup"><div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocapitalize="off" maxlength="80"
           placeholder="搜索..." spellcheck="false"
           type="search" class="search-input">
  </div>
  <span class="popup-btn-close" role="button">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div class="search-result-container no-result">
  <div class="search-result-icon">
    <i class="fa fa-spinner fa-pulse fa-5x"></i>
  </div>
</div>

    </div>
  </div>

</header>
        
  
  <aside class="sidebar">

    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
      <ul class="sidebar-nav">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <div class="sidebar-panel-container">
        <!--noindex-->
        <div class="post-toc-wrap sidebar-panel">
            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%B8%80%E3%80%81VS-Code%E7%AE%80%E4%BB%8B"><span class="nav-text">一、VS Code简介</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E7%AE%80%E4%BB%8B"><span class="nav-text">1. 简介</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%8F%91%E5%B1%95%E5%8E%86%E5%8F%B2"><span class="nav-text">2. 发展历史</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E4%B8%80%E4%B8%AA%E5%BC%80%E6%BA%90%E5%BC%80%E6%94%BE%E7%9A%84%E5%B9%B3%E5%8F%B0"><span class="nav-text">3. 一个开源开放的平台</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-%E5%AE%98%E7%BD%91%E4%B8%8E%E8%B5%84%E6%96%99"><span class="nav-text">4. 官网与资料</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%BA%8C%E3%80%81VS-Code%E5%AE%89%E8%A3%85"><span class="nav-text">二、VS Code安装</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E5%AE%89%E8%A3%85%E8%AF%B4%E6%98%8E"><span class="nav-text">1. 安装说明</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%9C%A8Windows%E4%B8%AD%E5%AE%89%E8%A3%85"><span class="nav-text">2. 在Windows中安装</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E5%9C%A8Linux%E4%B8%AD%E5%AE%89%E8%A3%85"><span class="nav-text">3. 在Linux中安装</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#3-1-deb%E6%A0%BC%E5%BC%8F"><span class="nav-text">3.1 deb格式</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-2-tar-gz%E6%A0%BC%E5%BC%8F"><span class="nav-text">3.2 tar.gz格式</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#3-2-1-%E4%B8%8B%E8%BD%BD%E4%B8%8E%E8%A7%A3%E5%8E%8B"><span class="nav-text">3.2.1 下载与解压</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#3-2-2-%E5%9C%A8%E4%BB%BB%E6%84%8F%E4%BD%8D%E7%BD%AE%E5%90%AF%E5%8A%A8VSCode"><span class="nav-text">3.2.2 在任意位置启动VSCode</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-3-%E5%88%9B%E5%BB%BAVS-Code%E5%BF%AB%E6%8D%B7%E6%96%B9%E5%BC%8F"><span class="nav-text">3.3 创建VS Code快捷方式</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#3-3-1-%E5%BC%80%E5%A7%8B%E8%8F%9C%E5%8D%95"><span class="nav-text">3.3.1 开始菜单</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#3-3-2-%E6%A1%8C%E9%9D%A2"><span class="nav-text">3.3.2 桌面</span></a></li></ol></li></ol></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%B8%89%E3%80%81%E5%B8%B8%E7%94%A8%E6%8F%92%E4%BB%B6%E4%B8%8E%E9%85%8D%E7%BD%AE"><span class="nav-text">三、常用插件与配置</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E5%B8%B8%E7%94%A8%E6%8F%92%E4%BB%B6"><span class="nav-text">1. 常用插件</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-settings-json"><span class="nav-text">2. settings.json </span></a></li></ol></li></ol></div>
        </div>
        <!--/noindex-->

        <div class="site-overview-wrap sidebar-panel">
          <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="苏木"
      src="/images/avatar.jpg">
  <p class="site-author-name" itemprop="name">苏木</p>
  <div class="site-description" itemprop="description">莫道桑榆晚，为霞尚满天</div>
</div>
<div class="site-state-wrap animated">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
        <a href="/archives/">
          <span class="site-state-item-count">673</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
          <a href="/categories/">
        <span class="site-state-item-count">42</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
        <span class="site-state-item-count">43</span>
        <span class="site-state-item-name">标签</span>
      </div>
  </nav>
</div>
  <div class="links-of-author animated">
      <span class="links-of-author-item">
        <a href="https://github.com/sumumm" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;sumumm" rel="noopener me" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
      </span>
  </div>

        </div>
      </div>
    </div>

    
  </aside>


    </div>

    <div class="main-inner post posts-expand">


  


<div class="post-block">
  
  

  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="https://sumumm.github.io/post/2238be1.html">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="苏木">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="苏木">
      <meta itemprop="description" content="莫道桑榆晚，为霞尚满天">
    </span>

    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
      <meta itemprop="name" content="LV01-01-VScode简介与安装.md | 苏木">
      <meta itemprop="description" content="">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          LV01-01-VScode简介与安装.md
        </h1>

        <div class="post-meta-container">
          <div class="post-meta">
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar"></i>
      </span>
      <span class="post-meta-item-text">发表于</span>

      <time title="创建时间：2023-07-02 14:55:10" itemprop="dateCreated datePublished" datetime="2023-07-02T14:55:10+08:00">2023-07-02</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-folder"></i>
      </span>
      <span class="post-meta-item-text">分类于</span>
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">开发工具</span></a>
        </span>
          ，
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/" itemprop="url" rel="index"><span itemprop="name">01VScode</span></a>
        </span>
    </span>

  
    <span class="post-meta-break"></span>
    <span class="post-meta-item" title="本文字数">
      <span class="post-meta-item-icon">
        <i class="far fa-file-word"></i>
      </span>
      <span class="post-meta-item-text">本文字数：</span>
      <span>4.5k</span>
    </span>
    <span class="post-meta-item" title="阅读时长">
      <span class="post-meta-item-icon">
        <i class="far fa-clock"></i>
      </span>
      <span class="post-meta-item-text">阅读时长 &asymp;</span>
      <span>16 分钟</span>
    </span>
</div>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody"><p>本文主要是VS Code简介与安装相关笔记，若笔记中有错误或者不合适的地方，欢迎批评指正😃。</p>
<span id="more"></span>

<!-- Photo: https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/ -->

<details class="folding-tag" blue><summary> 点击查看使用工具及版本 </summary>
              <div class='content'>
              <table>    <tr>        <td align="center" rowspan="5">PC端开发环境</td>        <td align="center" width=150px>Windows</td>        <td align="left">Windows11</td>    </tr>    <tr>        <td align="center">Ubuntu</td>        <td align="left">Ubuntu20.04.6的64位版本（一开始使用的是16.04版本，后来进行了升级）</td>      </tr>    <tr>        <td align="center">VMware® Workstation 17 Pro</td>        <td align="left">17.0.0 build-20800274</td>      </tr>    <tr>        <td align="center">终端软件</td>        <td align="left">MobaXterm(Professional Edition v23.0 Build 5042 (license))</td>    </tr>    <tr>        <td align="center">Win32DiskImager</td>        <td align="left">Win32DiskImager v1.0</td>      </tr>    <tr>        <td align="center" rowspan="3">Linux开发板环境</td>        <td align="center">Linux开发板</td>        <td align="left">正点原子 i.MX6ULL Linux 阿尔法开发板</td>      </tr>    <tr>        <td align="center">uboot</td>        <td align="left">NXP官方提供的uboot，NXP提供的版本为uboot-imx-rel_imx_4.1.15_2.1.0_ga(使用的uboot版本为U-Boot 2016.03)</td>      </tr>    <tr>        <td align="center">linux内核</td>        <td align="left">linux-4.15(NXP官方提供)</td>      </tr></table>
              </div>
            </details>

<details class="folding-tag" blue><summary> 点击查看本文参考资料 </summary>
              <div class='content'>
              <table>    <tr><td align="center">参考资料  </td><td align="center">相关链接</td></tr>    <tr><td align="left">VS Code官网</td><td align="left"><a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code - Code Editing. Redefined  <i class="fa fa-external-link-alt"></i> </a></td></tr>    <tr><td align="left">VS Code历史版本</td><td align="left"><a href="https://code.visualstudio.com/updates/v1_69" target="_blank">Visual Studio Code (历史版本下载)  <i class="fa fa-external-link-alt"></i> </a></td></tr>    <tr><td align="left">VS Code官方文档</td><td align="left"><a href="https://code.visualstudio.com/docs" target="_blank">Getting Started  <i class="fa fa-external-link-alt"></i> </a></td></tr>    <tr><td align="left">工作区相关说明</td><td align="left"><a href="https://code.visualstudio.com/docs/editor/workspaces" target="_blank">Workspaces in Visual Studio Code  <i class="fa fa-external-link-alt"></i> </a></td></tr></table>
              </div>
            </details>

<details class="folding-tag" blue><summary> 点击查看相关文件下载 </summary>
              <div class='content'>
              <table>    <tr>        <td align="center">---</td>        <td align="left">--- <a href="" target="_blank">  <i class="fa fa-external-link-alt"></i></a></td>      </tr></table>
              </div>
            </details>

<h1 id="一、VS-Code简介"><a href="#一、VS-Code简介" class="headerlink" title="一、VS Code简介"></a><font size=3>一、VS Code简介</font></h1><h2 id="1-简介"><a href="#1-简介" class="headerlink" title="1. 简介"></a><font size=3>1. 简介</font></h2><p>VS Code，全称是Visual Studio Code，但因为全称太长，微软旗下另一款产品visual studio又经常被简称为VS，所以这款与vs有一定渊源的代码编辑器就被简称为VSCode。它是一个免费的、开源的跨平台编辑器。之所以强调“编辑器”，可能是因为 VS Code 并无意成为一个全尺寸的集成开发环境，也就是IDE。</p>
<p>它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。</p>
<p>IDE 更为关注开箱即用的编程体验、对代码往往有很好的智能理解，同时侧重于工程项目，为代码调试、测试、工作流等都有图形化界面的支持，因此相对笨重，Java程序员常用的Eclipse定位就是IDE；而编辑器则相对更轻量，侧重于文件或者文件夹，语言和工作流的支持更丰富和自由，VS Code 把自己定位在编辑器这个方向上，但又不完全局限于此。</p>
<h2 id="2-发展历史"><a href="#2-发展历史" class="headerlink" title="2. 发展历史"></a><font size=3>2. 发展历史</font></h2><p>2011 年底，微软从 IBM 请来了 Erich Gamma。Erich Gamma 是《设计模式》一书的作者之一，曾和肯特·贝克（Kent Beck） 一起发明了 JUnit，并且在 IBM 领导 Java 开发工具的开发工作。微软把他请过来，就是希望能够打造一款在线的开发工具，让开发者们能够在浏览器里获得 IDE 般的开发体验，这也就是之后为人所知的 Monaco Editor。</p>
<p>Erich Gamma 见证了 Eclipse 从崛起到逐渐臃肿，再逐渐式微的整个历程，他深刻认识到 Eclipse 成功的一部分原因是极度的可定制化特性，任何功能在Eclipse中都可以用插件来实现；但是由于 Eclipse 的插件跟核心代码运行在同一个进程内，随着插件的增多，核心功能经常会被插件拖累，也就更加让人觉得笨重。因此，在打造 Monaco Editor 时，开发团队非常注重核心功能的性能，尽可能地保持轻量，而对资源和性能消耗较大的功能，则运行在其他的进程之中。</p>
<p>2015 年，Erich Gamma 带领团队把 Monaco Editor 移植到桌面平台上，也就是Visual Studio Code，即 VS Code。VS Code 继承了 Monaco Editor 的设计原则，其核心是做一个高性能的轻量级编辑器；个性化的功能，则交给插件系统来完成。这一点可以说是师承 Eclipse，但同时又吸取了 Eclipse 的教训，把插件系统运行在主进程之外，高度可定制但同时又是可控的。</p>
<p>与此同时，VS Code 也有自己的使命，那就是让开发者在编辑器里拥有 IDE 那样的开发体验，比如对源代码有智能的理解、图形化的调试工具、版本管理等等。不难发现，VS Code 希望在编辑器和 IDE 之间找到一个平衡。在这样的设计思路下，打开编辑器，不需要创建任何的项目工程文件就可以开始使用，并高效便捷地操作文本；同时在编程语言插件的支持下能够得到语法检查、智能提示；还可以借助丰富的插件 API 拓展 VS Code 以满足自己的需求。</p>
<h2 id="3-一个开源开放的平台"><a href="#3-一个开源开放的平台" class="headerlink" title="3. 一个开源开放的平台"></a><font size=3>3. 一个开源开放的平台</font></h2><p>VS Code是一个开源的，开放的平台，为什么这么说呢？</p>
<p>第一，VS Code 的源代码以 MIT 协议开源。这不仅意味着我们能够免费获取到 VS Code 的核心代码，更意味着社区能够基于 VS Code 的代码，开发自己的产品。业界现在比较知名的基于 VS Code 的项目有 SourceGraph、StackBlitz、CodeSandbox 等，这些产品可以提供非常接近VS Code 的开发体验，而VS Code 也经常从它们身上吸取技术和产品层面的宝贵经验。</p>
<p>第二，开发过程和反馈渠道的开放。 VS Code 源代码托管在 GitHub 上，同时使用 GitHub 管理项目的开发计划和测试，每个用户都可以在 GitHub 上了解到 VS Code 的开发进度。与此同时，GitHub 也是 VS Code 唯一的反馈渠道，开发团队根据反馈的影响程度进行统筹安排。作为用户，你可以近乎实时地跟开发团队进行交流，了解产品的发展情况。</p>
<p>第三，接口的开放。VS Code 自带了 TypeScript 和 Node.js 的支持，用户下载 VS Code 后，立刻就能够在书写 JavaScript 和 TypeScript 时获得智能提示，而且无需任何配置即可立即调试 Node.js代码。VS Code 核心团队有 Node.js 高手，TypeScript 也是微软官方出品的，VS Code 能把对这两个语言的支持做好，似乎并不是什么值得惊讶的事情。</p>
<p>但是 VS Code 团队不可能精通所有语言，对于他们不熟悉的语言，VS Code 该怎么支持呢？最好的办法莫过于把专业的事情交给专业的人来做。为此，VS Code 为编程语言工作者提供了统一的 API ，即Language Server Protocol 和 Code Debugging Protocol，每种语言都能够通过实现两个 API 在 VS Code 上得到类似 IDE 的开发和调试体验。而且 VS Code 也并没有因为 TypeScript 是微软嫡出就给开小灶，而是对大家都一视同仁，TypeScript 能够得到的支持，其他语言一个也不落下。比如 Rust 的语言支持，就是由 Rust 官方团队开发和维护的，他们可以说是这个世界上最懂怎么给 Rust 做语法支持的一群人了。</p>
<p>在这样的平台上，编辑器开发者、编程语言工作者和社区，各自做自己最擅长的事情，把份内事做到极致。同时，从开发到测试，再到用户反馈都是公开透明的，每个人都能参与其中，把产品往自己希望的方向推进。VS Code 的技术实践和成果，最后也以开源的形式回馈给社区，让大家都能够借助 VS Code 去打造自己的产品，一起成功。</p>
<h2 id="4-官网与资料"><a href="#4-官网与资料" class="headerlink" title="4. 官网与资料"></a><font size=3>4. 官网与资料</font></h2><p>VS Code官网在这里：<a target="_blank" rel="noopener" href="https://code.visualstudio.com/">Visual Studio Code - Code Editing. Redefined</a></p>
<p>VS Code官方参考文档：<a target="_blank" rel="noopener" href="https://code.visualstudio.com/docs">Documentation for Visual Studio Code</a></p>
<p>VS Code软件下载：<a target="_blank" rel="noopener" href="https://code.visualstudio.com/Download">Download Visual Studio Code - Mac, Linux, Windows</a></p>
<h1 id="二、VS-Code安装"><a href="#二、VS-Code安装" class="headerlink" title="二、VS Code安装"></a><font size=3>二、VS Code安装</font></h1><h2 id="1-安装说明"><a href="#1-安装说明" class="headerlink" title="1. 安装说明"></a><font size=3>1. 安装说明</font></h2><p>首先我们可以看一下官网的下载页面：<a target="_blank" rel="noopener" href="https://code.visualstudio.com/Download">Download Visual Studio Code - Mac, Linux, Windows</a></p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617172528672.png" alt="image-20230617172528672" style="zoom:50%;" />

<p>VScode 支持 Windows 、 Linux 和 Mac 平台，Mac的就不说了，在 Windows 和 Linux 中，发现都有好多种安装包，我没有去仔细研究过，只说我用到的几个吧。</p>
<p>在Windows操作系统中，System Installer版本的就是个安装包，双击就会进入安装流程。User Installer其实也是一个安装包，不过它跟System版本的有什么区别的话，没有深入研究，表面上看应该是权限可能会有区别吧，后边踩坑了再补充吧。下边的 .zip 是一个压缩包，它是免安装版本的，解压之后就可以直接启动VS Code。</p>
<p>在Linux操作系统中， .deb 版本的也就相当于安装包，我们可以通过相关安装来安装deb文件。.tar.gz 版本的也是一个免安装版本，解压之后就可以启动使用了，至于其他的，就没有仔细研究过了。</p>
<h2 id="2-在Windows中安装"><a href="#2-在Windows中安装" class="headerlink" title="2. 在Windows中安装"></a><font size=3>2. 在Windows中安装</font></h2><p>我们下载好System Installer安装包，要选64位的，下载（<a target="_blank" rel="noopener" href="https://code.visualstudio.com/Download">Download Visual Studio Code - Mac, Linux, Windows</a>）好后我们会得到这样一个可执行文件：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173135769.png" alt="image-20230617173135769" style="zoom:50%;" />

<p>然后我们直接双击安装就可以了，这个软件安装还是很简单的，一路下一步就好了，注意下边的这个地方都勾选吧，一般没什么问题。</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173233436.png" alt="image-20230617173233436" style="zoom:50%;" />

<h2 id="3-在Linux中安装"><a href="#3-在Linux中安装" class="headerlink" title="3. 在Linux中安装"></a><font size=3>3. 在Linux中安装</font></h2><p>这里以在Ubuntu中安装为例，说明如何安装VS Code。</p>
<h3 id="3-1-deb格式"><a href="#3-1-deb格式" class="headerlink" title="3.1 deb格式"></a><font size=3>3.1 deb格式</font></h3><p>我们下载.deb格式的64位版本，因为我使用的就是64位的Ubuntu，下载（<a target="_blank" rel="noopener" href="https://code.visualstudio.com/Download">Download Visual Studio Code - Mac, Linux, Windows</a>）完成后，我们会得到这样一个文件：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173542186.png" alt="image-20230617173542186" style="zoom:50%;" />

<p>我们把这个文件拷贝到Ubuntu中，当然，要是直接在Ubuntu中下载的话就不需要啦。然后我们进入这个deb包所在的目录，通过以下命令安装和卸载VS Code：</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta prompt_"># </span><span class="language-bash">安装 VS Code</span></span><br><span class="line">sudo dpkg -i code_1.79.2-1686734195_amd64.deb</span><br><span class="line"><span class="meta prompt_"></span></span><br><span class="line"><span class="meta prompt_"># </span><span class="language-bash">卸载 VS Code</span></span><br><span class="line">sudo dpkg -r code # 卸载软件</span><br><span class="line">rm -rf ~/.vscode  # 删除配置目录</span><br></pre></td></tr></table></figure>

<h3 id="3-2-tar-gz格式"><a href="#3-2-tar-gz格式" class="headerlink" title="3.2 tar.gz格式"></a><font size=3>3.2 tar.gz格式</font></h3><h4 id="3-2-1-下载与解压"><a href="#3-2-1-下载与解压" class="headerlink" title="3.2.1 下载与解压"></a><font size=3>3.2.1 下载与解压</font></h4><p>接下来看一下免安装版本的安装吧，主要是看一下怎么运行，我们下载（<a target="_blank" rel="noopener" href="https://code.visualstudio.com/Download">Download Visual Studio Code - Mac, Linux, Windows</a>）好后会得到这样一个压缩包：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20230617173928322.png" alt="image-20230617173928322" style="zoom:50%;" />

<ul>
<li>（1）创建相关目录</li>
</ul>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">cd ~</span><br><span class="line">mkdir 2software</span><br><span class="line">mv 下载/code-stable-x64-1686734446.tar.gz 2software/  # Ubuntu中下载的压缩包的位置</span><br></pre></td></tr></table></figure>

<ul>
<li>（2）解压压缩包</li>
</ul>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">tar -zxvf code-stable-x64-1686734446.tar.gz</span><br></pre></td></tr></table></figure>

<ul>
<li>（3）运行VS Code</li>
</ul>
<p>由于这个直接免安装，所以我们解压完后就可以直接使用啦，我们可以通过以下命令运行VS Code：</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">cd ~/2software/VSCode-linux-x64/</span><br><span class="line">sudo chmod +x code</span><br><span class="line">./code </span><br></pre></td></tr></table></figure>

<p>【注意】这里运行该软件必须要在 code 文件所在目录，或者要加上 code 的绝对路径(也可以是相对路径)。</p>
<h4 id="3-2-2-在任意位置启动VSCode"><a href="#3-2-2-在任意位置启动VSCode" class="headerlink" title="3.2.2 在任意位置启动VSCode"></a><font size=3>3.2.2 在任意位置启动VSCode</font></h4><p>上边我们只能在解压的目录中启动VS Code，那我想要在任意目录位置都能启动VS Code怎么办？有两种方式，一种是将VS Code可执行文件所在目录添加到环境变量中，另一种就是在现有的环境变量目录中创建一个软链接，我们采取第二种方式：</p>
<p>（1）查看目前的环境变量路径有哪些</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">echo $PATH</span><br></pre></td></tr></table></figure>

<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803153448173.png" alt="image-20220803153448173" style="zoom:50%;" />

<p>在打印结果中任选一个位置(这里选择 &#x2F;usr&#x2F;local&#x2F;bin&#x2F; )进行下一步。</p>
<p>（2）创建软链接</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">sudo ln -s ~/2software/VSCode-linux-x64/code /usr/local/bin/code</span><br></pre></td></tr></table></figure>

<p>这样，不管在哪个目录下，只要在终端输入 code 即可启动 VS Code 。</p>
<h3 id="3-3-创建VS-Code快捷方式"><a href="#3-3-创建VS-Code快捷方式" class="headerlink" title="3.3 创建VS Code快捷方式"></a><font size=3>3.3 创建VS Code快捷方式</font></h3><p>主要还是针对免安装版本的，感觉在终端启动还是不够方便，要是能跟Windows下一样，创建一个桌面快捷方式，这样不就很方便了吗。</p>
<h4 id="3-3-1-开始菜单"><a href="#3-3-1-开始菜单" class="headerlink" title="3.3.1 开始菜单"></a><font size=3>3.3.1 开始菜单</font></h4><p>首先我们在开始菜单创建快捷方式， Ubuntu 的开始菜单其实就是显示所有应用程序的那个页面。</p>
<ul>
<li>（1）在 &#x2F;usr&#x2F;share&#x2F;applications&#x2F;  创建 VScode.desktop 文件</li>
</ul>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">sudo vim /usr/share/applications/VScode.desktop</span><br></pre></td></tr></table></figure>

<ul>
<li>（2）添加快捷方式信息</li>
</ul>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">[Desktop Entry]</span><br><span class="line">Name=VScode</span><br><span class="line">Comment=Multi-platform code editor for Linux</span><br><span class="line">Exec=/home/hk/2software/VSCode-linux-x64/code</span><br><span class="line">Icon=/home/hk/2software/VSCode-linux-x64/resources/app/resources/linux/code.png</span><br><span class="line">Type=Application</span><br><span class="line">StartupNotify=true</span><br></pre></td></tr></table></figure>

<p>【注意】 Name 、 Exec 、 Icon 三个参数分别问快捷方式的名称、可执行文件路径、和快捷方式图标。</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803153731931.png" alt="image-20220803153731931" style="zoom:33%;" />

<h4 id="3-3-2-桌面"><a href="#3-3-2-桌面" class="headerlink" title="3.3.2 桌面"></a><font size=3>3.3.2 桌面</font></h4><p>有时候我们可能还是点击桌面图标更加习惯些，我们也可以将上边的快捷方式添加到桌面去。</p>
<ul>
<li>（1）拷贝快捷方式文件</li>
</ul>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">cp /usr/share/applications/VScode.desktop ~/桌面</span><br></pre></td></tr></table></figure>

<ul>
<li>（2）允许软件运行</li>
</ul>
<p>我们添加完快捷方式后，会发现，图标是这个样子的：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/02%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/01VScode/LV01-01-VScode%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%AE%89%E8%A3%85/img/image-20220803154021637.png" alt="image-20220803154021637" style="zoom:50%;" />

<p>我们是无法运行的，所以我们需要允许软件运行，我们选中图标，然后右键选择允许运行即可。</p>
<h1 id="三、常用插件与配置"><a href="#三、常用插件与配置" class="headerlink" title="三、常用插件与配置"></a><font size=3>三、常用插件与配置</font></h1><p>这一部分其实没什么太大必要，是以前写的笔记，还是写在这里吧，凑个字数，哈哈哈，可能已经不适用于新版本的VS Code了，仅供参考吧。</p>
<h2 id="1-常用插件"><a href="#1-常用插件" class="headerlink" title="1. 常用插件"></a><font size=3>1. 常用插件</font></h2><table>
    <tr>
        <td align="center" width=200px>插件名称</td>
        <td align="center">插件用途</td>
    </tr>
    <tr>
        <td align="left" width=200px>Bracket Pair Colorizer</td>
        <td align="left">多彩括号，不同层级的代码块的括号展现不同颜色(后来好像内置到VScode了)。</td>
    </tr>
    <tr>
        <td align="left" width=200px>Material Icon Theme</td>
        <td align="left">文件导航窗格不同文件图标样式。</td>
    </tr>
    <tr>
        <td align="left" width=200px>background-cover</td>
        <td align="left">设置VScode背景图片(需要对VScode有可执行权限，我一般都是直接chmod 777)。</td>
    </tr>
    <tr>
        <td align="left" width=200px>LinkerScript</td>
        <td align="left">GCC汇编链接文件语法高亮插件(后缀 .lds)。</td>
    </tr>
    <tr>
        <td align="left" width=200px>One Dark Pro</td>
        <td align="left">VScode编辑器主题插件。</td>
    </tr>
    <tr>
        <td align="left" width=200px>Arm Assembly</td>
        <td align="left">ARM GNU汇编语法高亮插件。</td>
    </tr>
    <tr>
        <td align="left" width=200px>Setting Sync</td>
        <td align="left">VScode配置文件同步插件。(有时候内置的有点不好用，这个时候就可以通过这个插件来实现同步，只是这个插件要跟Github一起使用)</td>
    </tr>
    <tr>
        <td align="left" width=200px>Remnote-SSH</td>
        <td align="left">远程连接服务器的SSH工具</td>
    </tr>
</table>


<h2 id="2-settings-json"><a href="#2-settings-json" class="headerlink" title="2. settings.json "></a><font size=3>2. settings.json </font></h2><figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br></pre></td><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="comment">//调整窗口的缩放级别 window.zoomLevel</span></span><br><span class="line">    <span class="attr">&quot;window.zoomLevel&quot;</span><span class="punctuation">:</span> <span class="number">1.1</span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">//终端参数配置</span></span><br><span class="line">    <span class="attr">&quot;terminal.integrated.cursorStyle&quot;</span><span class="punctuation">:</span> <span class="string">&quot;block&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;terminal.integrated.cursorBlinking&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;terminal.integrated.lineHeight&quot;</span><span class="punctuation">:</span> <span class="number">1</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;terminal.integrated.letterSpacing&quot;</span><span class="punctuation">:</span> <span class="number">0.5</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;terminal.integrated.fontSize&quot;</span><span class="punctuation">:</span> <span class="number">13</span><span class="punctuation">,</span>  </span><br><span class="line">    <span class="attr">&quot;terminal.integrated.fontFamily&quot;</span><span class="punctuation">:</span> <span class="string">&quot;monospace&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;files.autoGuessEncoding&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">//文本编辑窗口配置</span></span><br><span class="line">    <span class="attr">&quot;editor.fontSize&quot;</span><span class="punctuation">:</span> <span class="number">15</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;editor.fontLigatures&quot;</span><span class="punctuation">:</span> <span class="string">&quot;10&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;editor.fontFamily&quot;</span><span class="punctuation">:</span> <span class="string">&quot;Courier&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;editor.fontWeight&quot;</span><span class="punctuation">:</span> <span class="number">500</span><span class="punctuation">,</span> <span class="comment">//控制字体粗细</span></span><br><span class="line">    <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;off&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;off&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;off&quot;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">//&quot;editor.renderWhitespace&quot;: &quot;all&quot;,//显示所有空格为点</span></span><br><span class="line">    <span class="comment">//用户代码片段触发</span></span><br><span class="line">    <span class="attr">&quot;[c]&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;[cpp]&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;[makefile]&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;[arm]&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;[linkerscript]&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;editor.quickSuggestions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;comments&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;strings&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;other&quot;</span><span class="punctuation">:</span> <span class="string">&quot;on&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">//图标主题</span></span><br><span class="line">    <span class="attr">&quot;workbench.iconTheme&quot;</span><span class="punctuation">:</span> <span class="string">&quot;material-icon-theme&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">//编辑器主题</span></span><br><span class="line">    <span class="attr">&quot;workbench.colorTheme&quot;</span><span class="punctuation">:</span> <span class="string">&quot;One Dark Pro&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;backgroundCover.imagePath&quot;</span><span class="punctuation">:</span> <span class="string">&quot;/home/hk/1sharedfiles/1Pictures/6.jpg&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">// VScode 启动内置多彩括号</span></span><br><span class="line">    <span class="attr">&quot;editor.bracketPairColorization.enabled&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    <span class="comment">// 自动保存设置</span></span><br><span class="line">    <span class="attr">&quot;files.autoSave&quot;</span><span class="punctuation">:</span> <span class="string">&quot;onFocusChange&quot;</span><span class="punctuation">,</span>   <span class="comment">// off | afterDelay | onFocusChange | onWindowChange</span></span><br><span class="line">    <span class="attr">&quot;files.autoSaveDelay&quot;</span><span class="punctuation">:</span> <span class="number">60000</span><span class="punctuation">,</span>       <span class="comment">// 单位为 ms , autoSave = afterDelay 时生效</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>


    </div>

    
    
    

    <footer class="post-footer">




    <div>
        
            <div style="text-align:center;color: #ccc;font-size:14px;">
            ----------本文结束
            <i class="fas fa-fan fa-spin" style="color: #FF1493; font-size: 1rem"></i>
            感谢您的阅读----------
            </div>
        
    </div>





  
  <div class="my_post_copyright"> 
    <p><span>文章标题:</span><a href="/post/2238be1.html">LV01-01-VScode简介与安装.md</a></p>
    <p><span>文章作者:</span><a href="/" title="欢迎访问 《苏木》 的学习笔记">苏木</a></p>
    <p><span>发布时间:</span>2023年07月02日 - 14:55</p>
    <p><span>最后更新:</span>2025年06月14日 - 00:25</p>
    <p><span>原始链接:</span><a href="/post/2238be1.html" title="LV01-01-VScode简介与安装.md">https://sumumm.github.io/post/2238be1.html</a></p>
    <p><span>许可协议:</span><i class="fab fa-creative-commons"></i> <a rel="license" href= "https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">署名-非商业性使用-禁止演绎 4.0 国际</a> 转载请保留原文链接及作者。</p>  
  </div>
  


          <div class="post-tags">
              <a href="/tags/VScode/" rel="tag"><i class="fa fa-tag"></i> VScode</a>
          </div>

        

          <div class="post-nav">
            <div class="post-nav-item">
                <a href="/post/de11d04e.html" rel="prev" title="LV02-01-用户代码片段.md">
                  <i class="fa fa-angle-left"></i> LV02-01-用户代码片段.md
                </a>
            </div>
            <div class="post-nav-item">
                <a href="/post/abbabeb8.html" rel="next" title="LV16-30-RTC-01-RTC基础知识">
                  LV16-30-RTC-01-RTC基础知识 <i class="fa fa-angle-right"></i>
                </a>
            </div>
          </div>
    </footer>
  </article>
</div>






</div>
  </main>

  <footer class="footer">
    <div class="footer-inner">

  <div class="copyright">
    &copy; 2017 – 
    <span itemprop="copyrightYear">2025</span>
    <span class="with-love">
      <i class="fa fa-heart"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">苏木</span>
  </div>
<div class="wordcount">
  <span class="post-meta-item">
    <span class="post-meta-item-icon">
      <i class="fa fa-chart-line"></i>
    </span>
      <span>站点总字数：</span>
    <span title="站点总字数">3.7m</span>
  </span>
  <span class="post-meta-item">
    <span class="post-meta-item-icon">
      <i class="fa fa-coffee"></i>
    </span>
      <span>站点阅读时长 &asymp;</span>
    <span title="站点阅读时长">225:26</span>
  </span>
</div>




    <span id="sitetime"></span>
    <script defer language=javascript>
        function siteTime()
        {
            window.setTimeout("siteTime()", 1000);
            var seconds = 1000;
            var minutes = seconds * 60;
            var hours = minutes * 60;
            var days = hours * 24;
            var years = days * 365;
            var today = new Date();
            var todayYear = today.getFullYear();
            var todayMonth = today.getMonth()+1;
            var todayDate = today.getDate();
            var todayHour = today.getHours();
            var todayMinute = today.getMinutes();
            var todaySecond = today.getSeconds();
            /*==================================================
            Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
            year        - 作为date对象的年份，为4位年份值
            month       - 0-11之间的整数，做为date对象的月份
            day         - 1-31之间的整数，做为date对象的天数
            hours       - 0(午夜24点)-23之间的整数，做为date对象的小时数
            minutes     - 0-59之间的整数，做为date对象的分钟数
            seconds     - 0-59之间的整数，做为date对象的秒数
            microseconds - 0-999之间的整数，做为date对象的毫秒数
            ==================================================*/
            var t1 = Date.UTC(2017, 
                              5, 
                              19, 
                              0, 
                              0, 
                              0); //北京时间
            var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
            var diff = t2-t1;
            var diffYears = Math.floor(diff/years);
            var diffDays = Math.floor((diff/days)-diffYears*365);
            var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
            var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
            var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
            document.getElementById("sitetime").innerHTML="已在这里 "+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
        }
        siteTime();
    </script>



    </div>
  </footer>

  
  <div class="back-to-top" role="button" aria-label="返回顶部">
    <i class="fa fa-arrow-up fa-lg"></i>
    <span>0%</span>
  </div>
  <div class="reading-progress-bar"></div>

<noscript>
  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>


  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/next-theme-pjax/0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.28/fancybox/fancybox.umd.js" integrity="sha256-ytMJGN3toR+a84u7g7NuHm91VIR06Q41kMWDr2pq7Zo=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
<script src="/js/third-party/search/local-search.js"></script>




  <script src="/js/third-party/fancybox.js"></script>

  <script src="/js/third-party/pace.js"></script>


  




  

  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"none","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
<script src="/js/third-party/math/mathjax.js"></script>


 
        <div id="click-show-text"
            data-mobile = false
            data-text = 富强,民主,文明,和谐,自由,平等,公正,法制,爱国,敬业,诚信,友善
            data-fontsize = 15px
            data-random= false>
        </div>
       

      
        <script async src=https://cdn.jsdelivr.net/npm/hexo-next-mouse-effect@latest/click/showText.js></script>
      

      
    




    <script async src="/js/fancybox_param.js"></script>





<!-- APlayer本体 -->



</body>
</html>
